<template>
  <div>
    <div style="font-size:14px;padding:10px 30px;display:flex;flex-wrap:wrap">
        <!-- 活动信息 -->
        <div class="block">
            <div class="tip">活动名称：</div>
            <div>{{ data.activeInfo?.activeName }}</div>
        </div>
        <div class="block">
            <div class="tip">活动等级：</div>
            <div>{{ data.activeInfo?.type===0?'院级':data.activeInfo?.type===1?'校级':'社团' }}</div>
        </div>
        <div class="block">
            <div class="tip">活动分数：</div>
            <div>{{ data.activeInfo?.score }}</div>
        </div>
        <div class="block">
            <div class="tip">活动状态：</div>
            <div>{{ getStatus(data.activeInfo?.status) }}</div>
        </div>
        <div class="block">
            <div class="tip">报名人数：</div>
            <div>{{ data.activeInfo?.peopleCount===null?'全体':data.activeInfo?.peopleCount }}</div>
        </div>
        <div class="block">
            <div class="tip">已参与人数：</div>
            <div>{{ data.activeInfo?.applicationCount===null?'全体':data.activeInfo?.applicationCount }}</div>
        </div>
        <div class="block">
            <div class="tip">活动报名时间：</div>
            <div>{{ data.activeInfo?.createTime }}</div>
        </div> 
        <div class="block">
            <div class="tip">活动截止时间：</div>
            <div>{{ data.activeInfo?.deadTime }}</div>
        </div> 
        
        <div style="width:100%;display:flex">
            <div class="tip">活动描述</div>
            <div style="margin-right:10px" v-html="data.activeInfo?.activeDescription"></div>
        </div>
    </div>
  </div>
</template>

<script>
export default {
    props:{
        data:{
            type:Object,
            default:()=>{}
        }
    },
    methods:{
        getStatus(status){
            if(status===0){
                return '审核中'
            }else if(status===1){
                return '报名中'
            }else if(status===2){
                return '报名截止'
            }else if(status===3){
                return '已结束'
            }else if(status===5){
                return '未通过'
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.tip{
    color:#787878;
    width: 100px;
}
.block{
    display: flex;
    margin-bottom: 10px;
    margin-right: 20px;
    width: 300px;
}
</style>